<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .container {
            position: relative;
            top: 100px;
            width: 1000px;
            height: 500px;
            border: 70px solid #e9b1b1;
        }
        
        * {
            margin: 0;
            padding: 0;
        }
        
        .first {
            width: 330px;
            height: 490px;
            background-color: rgb(15, 15, 39);
            position: absolute;
            right: 300px;
            top: -100px;
        }
        
        .f1 {
            margin: 150px 10px 10px 50px;
        }
        
        .f2 h1 {
            font: bold 15px Helvetica;
            color: #ffffff;
            overflow: hidden;
        }
        
        .f2 p {
            font: bold 8px Helvetica;
            color: #cccccc;
        }
        
        .f3 {
            margin: 20px 10px 10px -60px;
        }
        
        .btn {
            text-align: center;
            display: inline-block;
            color: rgb(96, 134, 156);
            width: 100px;
            height: 25px;
            background-color: rgb(255, 255, 255);
            text-emphasis: none;
            margin: 10px 0px 0px 60px;
        }
        
        a {
            text-decoration: none;
        }
        
        .second {
            width: 290px;
            height: 320px;
            background-color: rgb(238, 238, 238);
            position: absolute;
            right: 300px;
            top: 120px;
        }
        
        .third {
            width: 270px;
            height: 210px;
            background-color: rgb(158, 116, 114);
            position: absolute;
            right: 280px;
            top: 340px;
            overflow: hidden;
        }
        
        .t1 {
            margin: 60px 0px 0px 60px;
        }
        
        .t2 h1 {
            font: bold 15px Helvetica;
            color: #b695f1;
            overflow: hidden;
        }
        
        .t2 p {
            font: bold 8px Helvetica;
            color: #000000;
        }
        
        .b1 {
            text-align: center;
            display: inline-block;
            color: rgb(255, 255, 255);
            width: 80x;
            height: 20px;
            border: 2px solid #ffffff;
            text-emphasis: none;
            margin: 50px 0px 0px 20px;
        }
        
        .one {
            weight: 1000px;
            height: 500px;
        }
    </style>
</head>

<body>
    <div class="container">
        <header class="head">

        </header>
        <section class="work">
            <div class="first">

                <div class="f1">
                    <div class="f2">
                        <h1> MORE HEN</h1>
                        <br>
                        <p>The higher I got, the more amazed<br>Some days the sunsets would <br>It was during one of those </p>

                        <div class="f3"><a Contact href="https://www.pinterest.com/" class="btn">Contact ME</a></div>

                    </div>
                </div>
                <div class="second"></div>
                <div class="third">
                    <div class="t1">
                        <div class="t2">
                            <h1> MORE HEN</h1>
                            <br>
                            <p>The higher I got, the more amazed<br>Some days the sunsets would <br>It was during one of those </p>
                        </div>
                        <div class="t3"><a Contact href="https://www.pinterest.com/" class="b1">Contact ME</a></div>
                    </div>
                </div>

        </section>

        </div>








</body>

</html>